@charset "utf-8";

$fontsize:40;

@function r($px){
    @return $px/$fontsize * 1rem;
}
//

header{
    display: inline-block;
    position: absolute;
    top: 0;
    height: r(131);
    width: 100%;
    .head-button{
        padding-left: r(23);
        margin-top: r(48);
        button{
            width: r(123);
            height: r(57);
            border: none;
            border: 1px solid #ff9344;
            border-radius:18px;
            background: white;
            font-size: r(26);
        }
    }
    .head-xing{
        padding-right: r(23);
        width: r(52);
        height: r(50);
        img{
            margin-top:r(54);
            width: 100%;
            height: 100%;
        }
    }
    .head-closing{
        margin-top: r(64);
        margin-left: r(340);
        p{
            font-size: r(26);
        }
    }
}


//
section{
    display: inline-block;
    position: absolute;
    top: r(131);
    bottom:r(136);
    overflow-y: scroll;
    width: 100%;
   
    .swiper-container{
        width:94%;
        margin: 0 auto;
        .swiper-wrapper{
            width: 100%;
            .swiper-slide{
                width:100%;
                img{
                    width: 100%;
                }
            }
        }
        
    }
    
    .detail-much{
        width: 100%;
        height: r(121);
        .detail-much1{
            padding-left:r(44);
            p{
                margin-top: r(15);
                font-size: r(72);
                color: #ff9344;
            }
        }
        .detail-much2{
            margin-right: r(40);
            button{
                width: r(119);
                height: r(59);
                border: none;
                border: 1px solid #ff9344;
                border-radius: r(18);
                background: #ff9344;
                color: white;
                margin-top: r(37);
                font-size: r(26);
            }
        }
    }
    .detail-ping{
        width: 100%;
        height: r(78);
        .detail-ping1{
            padding-left: r(46);
            margin-top: r(10);
           span img{
                width: r(38);
                height: r(36);
            }
            b{
                font-size: r(30);
                font-weight: normal;
            a{
                font-size: r(30);
                color: #ff9344;
            }
            }
        }
        .detail-ping2{
            padding-right: r(40);
            margin-top: r(19);
            p{
                font-size: r(26);
                color: #8e8e8e;
            }
        }
    }
    .detail-cile{
        width:88%;
        height: r(68);
        margin-left: r(46);
        background: #ff9344;
        .detail-cile1{
             p{
                 font-size: r(30);
                 color: white;
                 margin-top: r(17);
                 margin-left: r(10);
             }
        }
        .detail-cile2{
            p{
                color: white;
                font-size: r(46.72);
                margin-top: r(8);
                margin-right: r(7);
            }
        }
    }
}
section .itemBox{
    width: 100%;
    background: #FFFFFF;
    .item{
        width: 100%;
        background: #FFFFFF;
        margin-top: r(10);
    }
}
.item{
    .item_img{
        padding-left: r(44);
        display: inline-block;
        width:r(176);
        height:r(176);
        img{
            width: 100%;
            height: 100%;
        }
    }
    .item_msg{
        display: inline-block;
        margin: 0 auto;
        margin-left: r(27);
        h5{
        font-size: r(30);
        }
        .item_score{
            .starBox{
                height: r(34);
                .starBox1{
                    width: r(36);
                    height: r(34);
                    float: left;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                span{
                font-size: r(24);
                color: #929292;
                margin-left: r(10);
                vertical-align:middle;
            }
            }
        }
        p{
                font-size: r(24);
                color: #929292;
                margin-top: r(16);
            }
            a{
                font-size: r(20);
                color: #ff9344;
            }     
    }
    .item_btn{
         padding-right:r(41);
        display: inline-block;
        button{
            width: r(119);
            height: r(59);
            background: #ff9344;
            color: white;
            border-radius: r(20);
            margin-top: r(67);
            font-size: r(26);
        }
    }
}

